<template>
	<view class="cu-w-100  cu-shadow-lg" style="border-radius: 10rpx;">
		<view v-if="cudata.title" class="cu-w-100 cu-px-20 cu-row cu-bg-main" style="border-radius: 10rpx;height: 80rpx;line-height: 80rpx;">
			<view class="cu-w-100 cu-row cu-j-sb">
				<view>
					<uni-icons :color="cudata.title.color ? cudata.title.color : '#3e3e7e'" 
					:custom-prefix="cudata.title.custom === true ? 'iconfont' : undefined" 
					:type="cudata.title.type ? cudata.title.type : 'icon-gengduo'" 
					:size="cudata.title.size ? cudata.title.size : 16"></uni-icons>
					<text class="cu-px-20">{{cudata.title.text ? cudata.title.text : '标题'}}</text>
				</view>
				<block v-if="cudata.title.right">
					<view @click="event('clickCardItem',cudata.title && cudata.title.data ? cudata.title.data : undefined)">
						<text>{{cudata.title.right.text}}</text>
						<block v-if="cudata.title.right.icon">
							<uni-icons :color="cudata.title.right.icon && cudata.title.right.icon.color ? cudata.title.right.icon.color : '#585897'"
							:custom-prefix="cudata.title.right.icon && cudata.title.right.icon.custom === true ? 'iconfont' : undefined" 
							:type="cudata.title.right.icon && cudata.title.right.icon.type ? cudata.title.right.icon.type : 'forward'" 
							:size="cudata.title.right.icon && cudata.title.right.icon.size ? cudata.title.right.icon.size : 16"></uni-icons>
						</block>
					</view>
				</block>
			</view>
		</view>
		<block v-if="cudata.list" v-for="(item,idx) in cudata.list">
			<u-line v-if="cudata.title != null || idx > 0" color="#585897"></u-line>
			<view :key="idx" @click="event('clickCardItem',item.data ? item.data : undefined)" class="cu-w-100 cu-px-20 cu-row cu-bg-main cu-j-sb" style="border-radius: 10rpx;height: 80rpx;line-height: 80rpx;">
				<view :style="{
					color: item.color ? item.color : '#585897'
				}">
					<uni-icons :color="item.color ? item.color : '#585897'"
					:custom-prefix="item.custom === true ? 'iconfont' : undefined" 
					:type="item.type ? item.type : 'icon-gengduo'" 
					:size="item.size ? item.size : 16"></uni-icons>
					<text class="cu-px-20">{{item.text ? item.text : '标题'}}</text>
				</view>
				<block v-if="item.showRightIcon === true">
					<uni-icons :color="item.icon && item.icon.color ? item.color : '#585897'"
					:custom-prefix="item.icon && item.icon.custom === true ? 'iconfont' : undefined" 
					:type="item.icon && item.icon.type ? item.icon.type : 'forward'" 
					:size="item.icon && item.icon.size ? item.icon.size : 16"></uni-icons>
				</block>
				<block v-if="item.right">
					<text>{{item.right.text}}</text>
				</block>
			</view>
		</block>
		
	</view>
</template>

<script>
	export default {
		/* 
		---------------------------------------------------------------------------
		属性						类型				描述					默认值
		cudata					Object			数据
		  |-title				object			标题					
		    |-type				string			图标					icon-gengduo
			|-color				string 			颜色					#3e3e7e
			|-custom			boolean			自定义图标			true
			|-text				string			描述					标题
			|-size				number			大小					20
		  |-list				array			列表					[]
			|-type				string			图标					icon-gengduo
			|-color				string 			颜色					#3e3e7e
			|-custom			boolean			自定义图标			true
			|-text				string			描述					标题
			|-size				number			大小					20
			|-path				string 			跳转路径				-
			|-icon				object			右侧icon				-
			  |-type			string			图标					icon-gengduo
			  |-color			string 			颜色					#3e3e7e
			  |-custom			boolean			自定义图标			false
			  |-text			string			描述					标题
			  |-size			number			大小					20
		*/
	   emits: ['clickCardItem'],
		props: {
			cudata: {
				type: Object,
				default: function(e) {
					return {}
				}
			}
		},
		data() {
			return {
				
			};
		},
		methods: {
			event(type, data) {
				// 点击事件
				if (type===  'clickCardItem' && data !== undefined) {
					this.$emit(type, data)
				}
			}
		}
	}
</script>

<style lang="scss">

</style>
